<div class="am-u-sm-12 widget main-w">
	<ol class="am-breadcrumb">
		<li>
			<a href="{:url('/admin/index')}">首页</a>
		</li>
		<li>
			<a href="{:url('/admin/menu/index')}">系统管理</a>
		</li>
		<li class="am-active">角色</li>
	</ol>
	<form class="am-form-inline tpl-form-border-form" action="" method="get">
		<div class="am-u-sm-12 cl-p margin_bottom_10">
			<div class="am-form-group am-u-sm-3">
				<div class="am-u-sm-12 cl-p">
					<input type="text" class="am-form-field tpl-form-no-bg" name="role_name" value="{$Think.get.role_name}" placeholder="请输入名称" >
				</div>
			</div>
			<!--<div class="am-u-sm-3 cl-p">
				<div class="am-form-group am-u-sm-12 ">
					<div class="am-form-group am-u-sm-12 cl-p">
						<div class="am-u-sm-12 cl-p">
							<input type="text" name="area_id" class="am-form-field tpl-form-no-bg "  value="{$Think.get.area_id}" placeholder="" data-am-datepicker="" readonly="">
						</div>
					</div>
					<div class="am-form-group am-u-sm-6 cl-p">
                        <label for="user-email" class="am-u-sm-4 am-form-label am-text-truncate">结束时间:</label>
                        <div class="am-u-sm-8 cl-p">
                            <input type="text" name="end_date" class="am-form-field tpl-form-no-bg"  value="{$Think.get.end_date}" placeholder="结束时间" data-am-datepicker="" readonly="">
                        </div>
                    </div>

				</div>
			</div>-->
			<div class="am-u-sm-9 cl-p">
				<button type="submit" class="am-btn am-btn-sm am-btn-primary am-radius">查询<i class="am-icon-search"></i></button>
				
			</div>
		</div>
	</form>
	<div class="am-u-sm-12" style="padding: 0;">
		<div class="widget am-u-sm-12" style="padding: 0;">
			<div class="am-u-sm-10 am-form-group">
				<div class="am-btn-group am-u-sm-12 am-btn-group-xs cl-p">
					<a href="{:url('add')}" class="am-btn am-btn-default"><span class="am-icon-plus"></span> 添加</a>
				</div>
				<table width="100%" class="am-table am-table-compact am-table-bordered am-table-radius am-table-striped tpl-table-black am-text-nowrap">
					<thead>
						<tr>
							<th>角色ID</th>
							<th>名称</th>
							<th>区域</th>
							<th>操作</th>
						</tr>
					</thead>
					<tbody>
						{foreach $list as $key => $item}
						<tr class="gradeX">
							<td>{$item.role_id}</td>
							<td>{$item.role_name}</td>
							<td>{$item.area_name}</td>
							<td>
								<div class="tpl-table-black-operation">
									<a href="{:url('edit',['role_id'=>$item.role_id])}">
										<i class="am-icon-pencil"></i> 编辑
									</a>
									<a class="lookuser">
										<i class="am-icon-pencil"></i> 查看
									</a>
								</div>
							</td>
						</tr>
						{/foreach}
					</tbody>
				</table>
				<div class="am-u-lg-12 am-cf">
					<div class="am-fr">
						{$pager}
					</div>
				</div>
			</div>
		</div>
	</div>
</div>